<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location对象</title>
</head>
<body>
</body>
<script>
    /**
     * location对象
     * 1.location 是最有用的 BOM 对象之一，提供了当前窗口中加载文档的信息，以及通常的导航功能。
     * 2.这个对象独特的地方在于，它既是 window 的属性，也是 document 的属性。也就是说，
     *   window.location 和 document.location 指向同一个对象。
     * 3.location 对象不仅保存着当前加载文档的信息，也保存着把 URL 解析为离散片段后能够通过属性访问的信息。
     */
    // 假设浏览器当前加载的 URL 是 http://foouser:barpassword@www.wrox.com:80/WileyCDA/?q=javascript#contents，
    // location 对象的内容如下表所示。
    // location.hash       "#contents"         URL 散列值（#号后跟零或多个字符），如果没有则为空字符串。
    // location.host       "www.wrox.com:80"   服务器名及端口号
    // location.hostname   "www.wrox.com"      服务器名
    // location.href       "http://www.wrox.com:80/WileyCDA/?q=javascript#contents"  当前加载页面的完整 URL。location 的 toString()方法返回这个值
    // location.pathname   "/WileyCDA/"        URL 中的路径和（或）文件名。（域名，端口之后的内容）.
    // location.port       "80"                请求的端口。如果 URL中没有端口，则返回空字符串
    // location.protocol   "http:"             页面使用的协议。通常是"http:"或"https:"
    // location.search      "?q=javascript"    URL 的查询字符串。这个字符串以?号开头
    // location.username    "foouser"          域名前指定的用户名
    // location.password    "barpassword"      域名前指定的密码
    // location.origin      "http://www.wrox.com"     URL 的源地址。只读

    //实践：http://localhost:63342/javaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/code/%E7%AC%AC12%E7%AB%A0%20BOM/12.2%20location%E5%AF%B9%E8%B1%A1/12.2.1%20location%20%E5%AF%B9%E8%B1%A1.html?_ij_reload
    console.log(location.hash);//空字符串
    console.log(location.host);//localhost:63342
    console.log(location.hostname);//localhost
    console.log(location.href);//http://localhost:63342/javaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/code/%E7%AC%AC12%E7%AB%A0%20BOM/12.2%20location%E5%AF%B9%E8%B1%A1/12.2.1%20location%20%E5%AF%B9%E8%B1%A1.html?_ij_reload
    console.log(location.pathname);///javaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/code/%E7%AC%AC12%E7%AB%A0%20BOM/12.2%20location%E5%AF%B9%E8%B1%A1/12.2.1%20location%20%E5%AF%B9%E8%B1%A1.html
    console.log(location.port);//63342
    console.log(location.protocol);//http:
    console.log(location.search);//?_ij_reload
    console.log(location.username);//undefined
    console.log(location.password);//undefined
    console.log(location.origin);//http://localhost:63342

</script>
</html>